//导航
oem-header-nav {
    display: block;
    .oem-nav-child {
        background-color: var(--oem-header-bg, #ffffff);
        left: 0;
        position: absolute;
        visibility: hidden;
        min-width: 180px;
        z-index: 10;
        box-shadow: 1px 1px 12px #0000001a;
    }

    .oem-nav-child-body {
        padding: 12px;
    }
    dd {
        margin-top: 12px;
    }

    .oem-nav-parent-item {
        position: relative;
        display: inline-block;
        padding: 0 10px;
        &:hover {
            .oem-nav-child {
                visibility: visible;
            }
        }
    }

    .oem-nav-megamenu {
        position: static;
        .oem-nav-child {
            width: 100%;
        }
        .oem-nav-child-body {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            margin: 0 auto;
            width: var(--general_layout_width);
            max-width: 100%;

        }

        .oem-nav-child-container_wrapper{
            width: var(--general_layout_width);
            left: 50%;
            transform: translateX(-50%);
            max-width: 100%;

        }
    }
    .more-menu{
        position: static;
        display: none;
        .oem-nav-child {
            width: 100%;
        }
        .oem-nav-child-body {
            margin: 0 auto;
            width: var(--general_layout_width);
            max-width: 100%;
        }
        .oem-nav-child-container_wrapper{
            width: var(--general_layout_width);
            left: 50%;
            transform: translateX(-50%);
            max-width: 100%;
        }
    }

    .oem-nav-li-a {
        position: relative;
        color: inherit;
        &::before {
            position: absolute;
            width: 0;
            left: 0;
            top: 100%;
            height: 2px;
            background-color: var(--oem-header-color);
            transition: all 0.2s;
            content: "";
        }
        &:hover {
            // opacity: 0.6;
            &::before {
                width: 100%;
            }
        }
    }
    .more-menu-ul {
        max-width: 300px;
        min-width: 150px;
    }
    .more-menu-body-panel:not([active]){
        display: none;
    }


}
